<template>
  <el-card>
    <el-row>
      <h2>佣金说明</h2>
    </el-row>
    <el-row>
      <el-col :span="4" class="meituan">
        <span style="font-weight: 800;">【美团】</span>
        <span style="font-weight: 600; font-size: smaller;">佣金规则</span>
        <span style="font-size: small;">聚推客用户实际可提现的佣金为总佣金的85%;</span>
        <span style="font-size: small;">10%为平台技术服务费,5%为发票抵扣费;</span>
        <span style="font-weight: 600; font-size: smaller;">结算周期</span>
        <span style="font-size: small;">美团外卖和美团优选每月10号结算上月1-31号的订单佣金收益
          吃喝玩乐每月10号结算上上月1-31号的订单佣金收益</span>
      </el-col>
      <el-col :span="4" class="elm">
        <span style="font-weight: 800;">【饿了么】</span>
        <span style="font-weight: 600; font-size: smaller;">佣金规则</span>
        <span style="font-size: small;">聚推客用户实际可提现的佣金为总佣金的80%;</span>
        <span style="font-size: small;">10%为淘宝联盟直接扣除,5%为聚推客联盟扣除,5%为发票抵扣费;</span>
        <span style="font-weight: 600; font-size: smaller;">结算周期</span>
        <span style="font-size: small;">每月20号结算上月1-31号的订单佣金收益</span>
      </el-col>
      <el-col :span="4" class="pinduoduo">
        <span style="font-weight: 800;">【拼多多】</span>
        <span style="font-weight: 600; font-size: smaller;">佣金规则</span>
        <span style="font-size: small;">聚推客用户实际可提现的佣金为总佣金的85%;</span>
        <span style="font-size: small;">10%为平台技术服务费,5%为发票抵扣费;</span>
        <span style="font-weight: 600; font-size: smaller;">结算周期</span>
        <span style="font-size: small;">每月20号结算上个月19号至本月15号订单收益</span>
      </el-col>
      <el-col :span="4" class="juhe">
        <span style="font-weight: 800;">【聚合项目】</span>
        <span style="font-weight: 600; font-size: smaller;">佣金规则</span>
        <span style="font-size: small;">聚推客用户实际可提现的佣金为总佣金的85%;</span>
        <span style="font-size: small;">10%为平台技术服务费,5%为发票抵扣费;</span>
        <span style="font-weight: 600; font-size: smaller;">结算周期</span>
        <span style="font-size: small;">每月20号结算上月1-31号的订单佣金收益</span>
      </el-col>
      <el-col :span="4" class="dianshang">
        <span style="font-weight: 800;">【购物电商】</span>
        <span style="font-weight: 600; font-size: smaller;">佣金规则</span>
        <span style="font-size: small;">聚推客用户实际可提现的佣金为总佣金的85%;</span>
        <span style="font-size: small;">10%为平台技术服务费,5%为发票抵扣费;</span>
        <span style="font-weight: 600; font-size: smaller;">结算周期</span>
        <span style="font-size: small;">每月20号结算上月1-31号的订单佣金收益</span>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
  export default {
    name: 'Index',
    data() {
      return {

      }
    }
  }
</script>

<style scoped>
  .el-row{
    display: flex;
    justify-content: space-around;
  }
  .el-col {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }

  span {
    padding: 5px;
  }

  .meituan {
    background-image: linear-gradient(#ffd51c, #ffea8e);
    border-radius: 10px;
  }

  .elm{
    background-image: linear-gradient(#41acfe, #91cffe);
    border-radius: 10px;
  }

  .pinduoduo{
    background-image: linear-gradient(#f34c52, #f8a5a8);
    border-radius: 10px;
  }

  .juhe{
    background-image: linear-gradient(#6bab33, #aed18f);
    border-radius: 10px;
  }

  .dianshang{
    background-image: linear-gradient(#ff7f00, #ffbd7d);
    border-radius: 10px;
  }

</style>
